<template>
  <div class="floor-layout tpl-74">
    <div class="layout-main">
      <div class="flash_sale">
        <div class="flash_head">
          <div class="head_info">
            <div class="head_name">新人见面礼</div>
            <div class="countdown">任选1份新人专享价商品</div>
          </div>
          <a class="show_more" href="">查看更多<i class="el-icon-arrow-right"></i></a>
        </div>
        <div class="flash_goods">
          <div class="flash_cell" v-for="(block, index) in data.blockList" :key="index">
            <layout-item :block="block">
              <template slot-scope="{ block }">
                <div class="goods_pic"><img :src="block.block_value.goods_pic" /></div>
                <div class="goods_name">{{block.block_value.goods_name}}</div>
                <div class="goods_details">
                  <span class="sale_price">{{block.block_value.sale_price}}</span>
                  <span class="old_price">{{block.block_value.old_price}}</span>
                </div>
                <div class="add_cart">加购物车</div>
              </template>
            </layout-item>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import mixin from '../mixin'
  const noImg = '';
  export default {
    name: 'tpl_74',
    mixins: [mixin],
    title: '新人购',
    dataTpl: {
      tpl_id: 74,
      blockList: [
        {
          block_type: 'GOODS',
          block_value: {
            'id': null,
            'goods_pic': noImg,
            'goods_name': "这是一条数据这是一条数据这是一条数据这是一条数据",
            'sale_price': '¥99.9',
            'old_price': 199.9
          },
          block_opt: ''
        },
        {
          block_type: 'GOODS',
          block_value: {
            'id': null,
            'goods_pic': noImg,
            'goods_name': '这是一条数据这是一条数据这是一条数据这是一条数据',
            'sale_price': '¥99.9',
            'old_price': 199.9
          },
          block_opt: ''
        },
        {
          block_type: 'GOODS',
          block_value: {
            'id': null,
            'goods_pic': noImg,
            'goods_name': '这是一条数据这是一条数据这是一条数据这是一条数据',
            'sale_price': '¥99.9',
            'old_price': 199.9
          },
          block_opt: ''
        },
        {
          block_type: 'GOODS',
          block_value: {
            'id': null,
            'goods_pic': noImg,
            'goods_name': '这是一条数据这是一条数据这是一条数据这是一条数据',
            'sale_price': '¥99.9',
            'old_price': 199.9
          },
          block_opt: ''
        }
      ]
    }
  }
</script>

<style type="text/scss" lang="scss" scoped>

</style>